﻿@import '../common/vars.css';

.perm-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: solid 1px var(--primary-bg-clr);
    border-radius: 3px;
}

    .perm-box > header {
        background-color: var(--primary-bg-clr);
        color: var(--primary-fr-clr);
        font: normal 24px 楷体;
        padding: 5px;
    }
    .perm-box > div {
        display: flex;
        flex-wrap: wrap;
        padding: 5px;
    }
        .perm-box > div > div {
            margin:0 5px 0 0;
        }
        .lock{
            height:28px;
            margin:0 5px -3px 5px;
        }
.btns {
    width: 60px;
    height: 18px;
    border: solid 1px lightgrey;
    border-radius: 2px;
    background-color: lightgrey;
    color: black;
    margin-left: 2px;
    text-align: center;
    font-size: 16px;
    padding:0 4px;
    font-family:楷体;
}
.btns:hover{
    background-color:white;
    border-color:white;
}